import React, { useRef } from 'react'
import { Button, Space, Swiper, Toast } from 'antd-mobile'
import { Outlet, Route, Routes, useNavigate, useRoutes } from 'react-router-dom';
import './App.css'
import tu1 from './img/1.png'
import tu2 from './img/2.png'
import tu3 from './img/3.png'
import tu4 from './img/4.png'
import tu5 from './img/5.png'
import tu6 from './img/6.png'
import Home from './path/home/Index'
import Eniter from './path/eniter/Index'

function Eve() {
      const navigate = useNavigate();

  const GetL=()=>(
     <Swiper>
        <Swiper.Item>
          <img src={tu1} alt="" className='content' />
        </Swiper.Item>
        <Swiper.Item>
          <img src={tu2} alt="" className='content' />
        </Swiper.Item>
        <Swiper.Item>
          <img src={tu3} alt="" className='content' />
        </Swiper.Item>
        <Swiper.Item>
          <img src={tu4} alt="" className='content' />
        </Swiper.Item>
        <Swiper.Item>
          <img src={tu5} alt="" className='content' />
        </Swiper.Item>
        <Swiper.Item>
          <div>
            <img src={tu6} alt="" className='content' />
            <Button
              size='small'
              color='primary'
              onClick={() => navigate('/home')}
              className='btn'
            >
              点击进入
            </Button>
          </div>
        </Swiper.Item>
      </Swiper>
  )
  return (
    <div>
      <Routes>
        <Route path='/' element={<GetL />}></Route>
      </Routes>
    </div>
  )
}

export default Eve
